*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
}
ul{
    list-style: none;
}
.nav{
    height: 40px;
    background: #f3f3f3;
    font-size: 14px;
}
.center{
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
}
.nav-top .nav-left{
    float: left;
    line-height: 40px;  
}
.nav-top .nav-right{
    float: right;
    line-height: 40px;
}
.nav-top a{
    color: rgb(112, 112, 112);
    display: inline-block;
}
.nav-top a:hover{
    color: #ff6700;
}
.search{
    height: 90px;
    position: relative;
}
.search .logo{
    position: absolute;
    top: 20px;
    width: 55px;
    height: 55px;
    background: #ff6700 url("../images/logo.png")center;
}
.search .tip{
    width: 94px;
    height: 20px;
    position: absolute;
    right: 0;
    padding-left: 20px;
    top: 10px;
    font-size: 12px;
    background: url("../images/clock.png")no-repeat left;
}


.search-box{
    position: relative;
    height: 45px;
    float: right;
    /* margin-right: 150px; */
    margin-top: 36px;
    width: 500px;
    
}

.search-box span{
    background-color: rgb(224, 221, 221);
    color: #181717;
    font-size: 13px;
    cursor: pointer;
    
}
.search-box div{
    float: right;
    margin-right: 156px;
    margin-top: 10px;
    cursor: pointer;
}
.search-box input{
    width: 350px;
    height: 40px;
    box-sizing: border-box;
    outline: none;
    font-size: 14px;
    border: 1px solid rgb(112, 112, 112);
    background: none;
    position: absolute;
    padding-left: 7px;

}
button.fangdajing{
    cursor: pointer;
    position: absolute;
    right: 111px;
    width: 40px;
    height: 40px;
    border: 1px solid rgb(112, 112, 112);
    display: block;
    background: url("../images/fangdajing.png")no-repeat center;
}
button.fangdajing:hover{
    background-color: #ff6700;
}
button.gouwuche{
    height: 40px;
    width: 100px;
    cursor: pointer;
    position: absolute;
    background: #e6c823 url("../images/shopcar.png") no-repeat left;
    background-position: 20px;
    right: 0;
    border: none;
    box-sizing: border-box;
    padding-left: 15px;
}

.goods::before{
    content: "";
    display: table;
    clear: both;
}
.goods::after{
    content: "";
    display: table;
    clear: both;
}
.goods-left{
    float: left;
    width: 262px;
    height: 650px;
    box-sizing: border-box;
   

}
.goods-left ul{
    border-bottom:  1px solid rgb(112, 112, 112);
    font-size: 14px;
    /* text-align: center; */
    line-height: 30px;
    padding-left: 20px;
    padding-top: 15px;
     border-left: 1px solid rgb(112, 112, 112);
}
.goods-left ul li{
    color: #706f6f;
}
.goods-left .ul-title a{
    color: #ff6700;
    /* line-height: 40px; */
}
.goods-left>div{
    line-height: 42px;
    padding-left: 20px;
    background-color: #ff6700;
}
.goods-left div a{
    color: white;
}
.goods-right{
    float: right;
    width: 838px;
    height: 650px;
    box-sizing: border-box;
}
.goods-nav ul{
    background-color: #333;
    overflow: hidden;
}
.goods-nav ul li{
    float: left;
    line-height: 42px;
    width: 83.8px;
    text-align: center;
}
.goods-nav ul li a{
    color: white;
}
.goods-nav ul li a:hover{
    color: #ff6700;
}

.picture{
    height: 430px;
    cursor: pointer;
    position: relative;

}
#list{
    position: absolute;
    width: 838px;
    height: 430px;
}
#list img{
    width: 838px;
    height: 430px;
}
#list img,#btns{
    position: absolute;
}
#list img:not(:first-child){
    display: none;
}
#btns{
    z-index: 101;
    transform: translateX(-50%);
    bottom: 17px;
    right: -41px;
    /* left:50%; */
    text-align: center;
}
#btns .current{
    color: white;
} 
#btns>span{
    font-size: 12px;
    cursor: pointer;
    width:15px;
    height:15px;
    display: inline-block;
    border-radius: 50%;
    border:3px solid rgb(49, 49, 49);
    background-color:rgba(7, 6, 6, 0.3);
    color: #333;
}
/* .pic-botton{
    border-bottom: 1px solid rgb(112, 112, 112);
} */
.pic-botton ul li{
    border-bottom:1px solid rgb(112, 112, 112) ;
    border-right:1px solid rgb(112, 112, 112) ;
    width: 278px;
    height: 177px;
    float: left;
}
.one{
    background: url(../images/01.png);
}
.pic-botton .two{
    background: url(../images/02.png);
    width: 279px;
}
.three{
    background: url(../images/03.png);
}
.single-item{
    margin-top: 15px;
    overflow: hidden;
}
.single-tip::before{
    content: "";
    display: table;
    clear: both;
}
.single-tip::after{
    content: "";
    display: table;
    clear: both;
}
.single-tip p{
    font-size: 16px;
    color: #414141;
    width: 1051px;
    float: left;
}
.single-tip p span{
    font-size: 12px;
    color: rgb(106, 109, 109);
    margin-left: 7px;
}
.single-item button{
    width: 25px;
    height: 18px;
    border: 1px solid rgb(112, 112, 112);
    float: left;
    cursor: pointer;
}
.btn-one{
    background: url("../images/05.png")no-repeat center;
}
.btn-two{
    margin-left: -1px;
    background: url("../images/06.png")no-repeat center;
}
.single-content::before{
    content: "";
    display: table;
    clear: both;
}
.single-content::after{
    content: "";
    display: table;
    clear: both;
}
.single{
    width: 273px;
    height: 295px;
    border-left: 1px solid rgb(112, 112, 112) ;
    border-top: 1px solid rgb(112, 112, 112);
    border-bottom: 1px solid rgb(112, 112, 112);
    float: left;
    text-align: center;
}
.luyouqi{
    border-right: 1px solid rgb(112, 112, 112);
    width: 276px;
}
.single p{
    color: #414141;
}
.single span{
    font-size: 13px;
    color: rgb(106, 109, 109);
}
.single-content{
    margin-top: 15px;
}
.new-products{
    margin-top: 15px;
}
.new-products p {
    font-size: 16px;
    color: #414141;
    margin: 5px 0;
    padding-left: 2px;


}
.xin span{
    width: 992px;
    display: inline-block;
}
.new-products p a{
    font-size: 15px;
    color: #414141;
}
.new-products p a:hover{
    color: #ff6700;
}
.new-content::before{
    content: "";
    display: table;
    clear: both;
}
.new-content::after{
    content: "";
    display: table;
    clear: both;
}
.new-content{
    margin-top: 15px;
}
.right-botton{
    border-bottom: 1px solid rgb(112, 112, 112); 
    border-left: 1px solid rgb(112, 112, 112);
    border-right: 1px solid rgb(112, 112, 112);
}

.new-content .new-right{
    float: right;
    width: 276px;
    background-color: #f3f3f3;
}
.new-right .new-title{
    font-size: 15px;
    color: #414141;
}
.right-detail p{
    font-size: 13px;
    color: #706f6f;
}
.right-detail{
    width: 170px;
    float: left;
    padding-left: 23px;
    box-sizing: border-box;
}
.new-right img{
    width: 90px;
    height: 90px;
    text-align: center;
    margin: 0px;
}
.co-del{
    box-sizing: border-box;
    height: 125px;
    padding-top: 30px;
    /* border: 1px solid rgb(112, 112, 112); */
    cursor: pointer;
}
.right-detail .price{
    color: red;
}
.right-detail .price span{
    text-decoration: line-through;
    color: #706f6f;
}
.chucunka{
    border: 1px solid rgb(112, 112, 112);
    position: relative;
}
.kuwan,.peijian{
    border-bottom: 1px solid rgb(112, 112, 112);
    border-left: 1px solid rgb(112, 112, 112);
    border-right: 1px solid rgb(112, 112, 112);
}
.chucunka  .tejia{
    text-align: center;
    font-size: 14px;
    width: 60px;
    height: 20px;
    background-color: red;
    color: white;
    position: absolute; 
    top: 0;
    left: 45px;
    float: left;
}
.right-botton{
    height: 511px;
    padding-top: 20px;  
}
.jump div{
    color: #706f6f;
    margin:0 25px;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgb(112, 112, 112);
}
.jump div a{
    line-height: 40px;
    width: 213px;
    display: inline-block;
    color: #706f6f;
}
.jump div:hover,.jump div a:hover{
    color: red;
}
.chongzhi{
    margin-top: 40px;
    padding-left: 23px;
}
.chongzhi>p{
    font-size: 18px;
    color: #706f6f;
}
.chongzhi input{
    width: 225px;
    height: 32px;
    padding-left: 6px;
    margin: 7px 0;
}
.chongzhi select{
    width: 235px;
    height: 35px;
    padding-left: 3px;
    margin: 7px 0;
}
.chongzhi .chongzhi-tip{
    font-size: 14px;
    margin-top: 15px;
}
.chongzhi button{
    color: white;
    width: 235px;
    height: 34px;
    background-color: rgb(181, 182, 182);
    /* border: none; */
    border: 1px solid rgb(112, 112, 112);
}
.new-left{
    float: left;
    width: 824px;
    box-sizing: border-box;
}
.yinxiang img{
    height: 290px;
    width: 540px;
}
.new-left .yinxiang{
    height: 290px;
    width: 548px;
    text-align: center;
    padding-top: 1px;
    float: left;
    border-top: 1px solid rgb(112, 112, 112);
    border-left: 1px solid rgb(112, 112, 112);
    border-right: 1px solid rgb(112, 112, 112);

}
.shouhuan{
    width: 274px;
    height: 290px;
    float: right;
    border-top: 1px solid rgb(112, 112, 112);
}
.left-tip span{
    font-size: 14px;
    color: #706f6f; 
    display: inline; 
    padding-left: 15px;  
}
.new-left .first{
    display: inline-block;
    padding-top: 15px;
}
.shouhuan img{
    margin-left: 26px;
}
.left-second{
    height: 306px;
    width: 274px;
    float: left;
}
.left-second span{
    font-size: 14px;
    color: #706f6f; 
    display: inline; 
    padding-left: 15px; 
}
.yaoshikou,.qcy{
    height: 154px;
    box-sizing: border-box;
    
}
.yaoshikou{
    border: 1px solid rgb(112, 112, 112);
}
.qcy{
    border-bottom: 1px solid rgb(112, 112, 112);
    border-left: 1px solid rgb(112, 112, 112);
    border-right: 1px solid rgb(112, 112, 112);
}

.left-second img{
    width: 130px;
    height: 130px;
    margin-top: -45px;
    margin-left: 140px;
}
.T-shirt,.hougai{
    height: 306px;
    width: 274px;
}
.new-left .T-shirt{
    width: 275px;
   float: left;
   border-top: 1px solid rgb(112, 112, 112); 
   border-bottom: 1px solid rgb(112, 112, 112); 
}
.hougai{
    float: right;
    border-bottom: 1px solid rgb(112, 112, 112);
    border-top: 1px solid rgb(112, 112, 112);
    border-left: 1px solid rgb(112, 112, 112);
}
.rest span{
    font-size: 14px;
    color: #706f6f; 
    /* display: inline;  */
    padding-left: 15px;
}
.T-shirt img,.hougai img{
    margin-left: 25px;
}
.left-middle::before{
    content: "";
    display: table;
    clear: both;
}
.left-middle::after{
    content: "";
    display: table;
    clear: both;
}
.baohuke,.zipaigan,.xianfeng{
    float: left;
    height: 306px;
    width: 274px;
}
.zipaigan img,.xianfeng img{
    margin-left: 40px;
}
.baohuke img{
    margin-left: 76px;
}
 .new-left .zipaigan{
    width: 275px;
    border-left: 1px solid rgb(112, 112, 112);
    border-right: 1px solid rgb(112, 112, 112);
    border-bottom: 1px solid rgb(112, 112, 112);
}
.new-left .baohuke{
    width: 272px;
    border-left: 1px solid rgb(112, 112, 112);
    border-bottom: 1px solid rgb(112, 112, 112);
}
.new-left .xianfeng{
    width: 274px;
    border-bottom: 1px solid rgb(112, 112, 112);
}

.botton{
    background-color: #f3f3f3;
    height: 475px;
    margin-top: 50px;
}
.botton-top::before{
    content: "";
    display: table;
    clear: both;
}
.botton-top::after{
    content: "";
    display: table;
    clear: both;
}

.botton-top{
    border-bottom: 1px solid rgb(112, 112, 112);
}
.server{
    width: 220px;
    height: 95px;
    float: left;
    margin-top: 35px;
    text-align: center;
}
.server span{
    font-size: 14px;
    color: #706f6f; 
}
.server img{
    margin-bottom: 7px;
}
.botton-middle::before{
    content: "";
    display: table;
    clear: both;
}
.botton-middle::after{
    content: "";
    display: table;
    clear: both;
}
.botton-middle{
    margin-top: 35px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(112, 112, 112);
}
.tips{
    width: 150px;
    height: 123px;
    float: left;
}
.service-support,.mi-home,.about-mi,.about-us{
    border-left: 1px solid rgb(112, 112, 112);
    padding-left: 25px;
}
.tips a{
    font-size: 12px;
    color: #706f6f; 
    line-height: 30px;
}
.middle-title{
    font-size: 16px;
    padding-bottom: 10px;
    color: #414141;
}
.tips a:hover{
    color: #ff6700;
}
.customer-service{
    border-left: 1px solid rgb(112, 112, 112);
    height: 123px;
    width: 245px;
    float: left;
    text-align: center;
    box-sizing: border-box;
}
p.telephone{
    font-size: 24px;
    color: #bebdbd;
    padding-bottom: 6px;
}
.customer-service span{
    font-size: 12px;
    color: #706f6f;
    line-height: 20px; 
}
.customer-service div{
    line-height: 25px;
    width: 110px;
    height: 25px;
    background-color: #ff6700;
    font-size: 12px;
    color: white;
    margin-left: 67px;
    margin-top: 11px;
}
.last{
    font-size: 12px;
    text-align: center;
    margin-top: 40px;
    color: #414141;
}
.last a{
    color: #414141;
}

.last .mi-website span{
    color: #414141;
}
.last p{
    line-height: 30px;
}
.language-select::before{
    content: "";
    display: table;
    clear: both;
}
.language-select{
    width: 400px;
    background-color: yellow;
}
.language-select div{
    width: 170px;
    height: 25px;
    float: left;
    margin-right: 9px;
    margin-top: 6px;
}

 #language{
    width: 200px;
    height: 38px;
    float: left;
}